<template>
  <!-- v-model:值的双向绑定
     表单元素和组件
     <子组件 :value="appValue" @input="appValue=$event" />
     <子组件 v-model="appValue" />
     子组件内：
       props:{
        value:{
          type:String,
          required:true
        }
       }
       this.$emit('input',实参值)

       .sync修饰符 值的双向绑定
       <子组件标签  :属性名="父组件属性" @update:属性名="父组件属性=$event" />
       <子组件标签  :属性名.sync="父组件属性"  />
       子组件内:
          props:{
            属性名:{
              type....
            }
          }
          this.$emit('update:属性名',实参值)
-->

  <div>
    <h2>我是父组件---{{ money }}</h2>
    <!-- <Son :money="money" @update:money="money = $event" /> -->
    <Son :money.sync="money" />
  </div>
</template>
<script>
import Son from './components/Son.vue'
export default {
  components: {
    Son
  },
  data() {
    return {
      money: 100
    }
  }
}
</script>
<style></style>
